<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bootcss</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <hr>
    <i class="glyphicon glyphicon-flag"></i>
    <span class="glyphicon glyphicon-volume-off"></span>
    <hr>
    <div class="form-group has-error">
        <label class="control-label">标签: </label>
        <input type="text" class="form-control">
    </div>
    <hr>
    <div class="form-group has-warning">
        <label class="control-label">标签: </label>
        <input type="text" class="form-control">
    </div>
    <hr>
    <select class="form-control" name="" id="">
        <option value="linux">linux</option>
        <option value="network">network</option>
        <option value="python">python</option>
        <option value="service">service</option>
    </select>
    <hr>
    <form action="">
        <div class="checkbox-inline">
            <label><input type="checkbox">Linux</label>
        </div>
        <div class="checkbox-inline">
            <label><input type="checkbox">Network</label>
        </div>
        <div class="checkbox-inline">
            <label><input type="checkbox">Service</label>
        </div>
        <div class="checkbox-inline">
            <label><input type="checkbox">Python</label>
        </div>
    </form>
    <hr>
    <form action="">
        <div class="checkbox">
            <label><input type="checkbox">Linux</label>
        </div>
        <div class="checkbox">
            <label><input type="checkbox">Network</label>
        </div>
        <div class="checkbox">
            <label><input type="checkbox">Service</label>
        </div>
        <div class="checkbox">
            <label><input type="checkbox">Python</label>
        </div>
    </form>

    <hr>
    <div class="input-group">
        <div class="input-group-addon">$</div>
        <input class="form-control" type="text">
        <div class="input-group-addon">.00</div>
    </div>
    <hr>
    $<input type="text">.00
    <hr>
    <form action="">
        <input type="submit" value="登 陆">
        <input class="btn btn-default" type="submit" value="登 陆">
        <input class="btn btn-primary" type="submit" value="登 陆">
        <input class="btn btn-info" type="submit" value="登 陆">
        <input class="btn btn-danger" type="submit" value="登 陆">
        <input class="btn btn-success" type="submit" value="登 陆">
        <input class="btn btn-warning" type="submit" value="登 陆">
        <input class="btn btn-primary btn-lg" type="submit" value="登 陆">
        <input class="btn btn-success btn-sm" type="submit" value="登 陆">
        <input class="btn btn-warning btn-xs" type="submit" value="登 陆">
        <input class="btn btn-primary btn-block" type="submit" value="登 陆">
    </form>
    <hr>
    <form action="" class="form-inline">
        <div class="form-group">
            <label>用户名：</label><input class="form-control" type="text">
        </div>
        <div class="form-group">
            <label>密码：</label><input class="form-control" type="password">
        </div>
        <div class="form-group">
            <input class="btn btn-default" type="submit" value="登 陆">
        </div>
    </form>
    <hr>
    <form action="">
        <div class="form-group">
            <label>用户名：</label><input class="form-control" type="text">
        </div>
        <div class="form-group">
            <label>密码：</label><input class="form-control" type="password">
        </div>
        <div class="form-group">
            <input class="btn btn-default" type="submit" value="登 陆">
        </div>
    </form>
    <hr>
    <form action="">
        <div>
            <label>用户名：</label><input type="text">
        </div>
        <div>
            <label>密码：</label><input type="password">
        </div>
        <div>
            <input type="submit" value="登 陆">
        </div>
    </form>
    <hr>
    <form action="">
        <label>用户名：</label><input type="text">
        <label>密码：</label><input type="password">
        <input type="submit" value="登 陆">
    </form>
    <hr>
    <table class="table table-bordered table-striped table-hover">
        <tr class="bg-info">
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
    </table>
    <hr>
    <h2 class="text-muted bg-danger">Bootstrap 框架</h2>
    <h2 class="text-primary bg-warning">Bootstrap 框架</h2>
    <h2 class="text-danger bg-primary">Bootstrap 框架</h2>
    <h2 class="text-warning bg-success">Bootstrap 框架</h2>
    <h2 class="text-info bg-info">Bootstrap 框架</h2>
    <h2 class="text-success">Bootstrap 框架</h2>
<div>
    <blockquote>
    Bootstrap 框架 <br>
    Bootstrap 框架 <br>
    Bootstrap 框架 <br>
    Bootstrap 框架 <br>
    Bootstrap 框架 <br>
    </blockquote>
</div>
<div class="h3 text-center"><del>Bootstrap</del> <s>框架</s></div>
<p><ins>Bootstrap</ins> <strong>框架</strong></p>
<p class="h4">Bootstrap 框架</p>
<p class="text-right">Bootstrap 框架</p>
<h1>Bootstrap 框架</h1>
<h2>Bootstrap 框架</h2>
<h3>Bootstrap 框架</h3>
<h4>Bootstrap 框架</h4>
<h5>Bootstrap 框架</h5>
<h6>Bootstrap 框架</h6>
</div>
</body>
</html>